
/****************************四级联动*************************************** */
$(".si-1").one("click",function(){
    let aa='<option value="请选择省份">请选择省份</option>'
        // 根据商品id发起请求，获取到商品数据
        $.ajax({
            url: './php/server/province.php',
            type:'get',
            dataType: 'json',
            success(res) {
                res.forEach(item => {
                aa += ` 
                <option value="${item.name}" data-id=${item.province_id}>${item.name}</option>`
                $('.si-1').html(aa);
            })
         
            console.log($(this).text())
            }
        });
    })
   ///////////////////////////////////////////////////////////////////// 
$(".si-1").change(function(){
    var aa='<option value="请选择城市">请选择城市</option>'
    var objS = $(".si-1")[0];
    // console.log( objS.selectedIndex)
    // console.log( objS.options[objS.selectedIndex])
    // console.log( objS.options[objS.selectedIndex].dataset.id)
   var province_id= objS.options[objS.selectedIndex].dataset.id-0
    $.ajax({
        url: './php/server/city.php',
        type:'get',
        data:{pid:province_id},
        dataType: 'json',
        success(res) {
            res.forEach(item => {
            aa += ` 
            <option value="${item.name}" data-id=${item.city_id}>${item.name}</option>`
            $('.si-2').html(aa);
        })

        }
    });
    })
   ///////////////////////////////////////////////////////////////////// 
   $(".si-2").change(function(){
    var aa= '<option value="请选择城区">请选择城区</option>' 
    var objS = $(".si-2")[0];
    var city_id= objS.options[objS.selectedIndex].dataset.id-0
    $.ajax({
        url: './php/server/area.php',
        type:'get',
        data:{cid:city_id},
        dataType: 'json',
        success(res) {
            res.forEach(item => {
            aa += ` 
            <option value="${item.name}" data-id=${item.area_id}>${item.name}</option>`
            $('.si-3').html(aa);
        })

        }
    });
    })
     ///////////////////////////////////////////////////////////////////// 
   $(".si-3").change(function(){
    var aa= '<option value="请选择乡镇">请选择乡镇</option>'
    var options=$(".si-3 option:selected");
    var area_id=options[0].dataset.id-0
    $.ajax({
        url: './php/server/town.php',
        type:'get',
        data:{aid:area_id},
        dataType: 'json',
        success(res) {
            res.forEach(item => {
            aa += ` 
            <option value="${item.name}" data-id=${item.area_id}>${item.name}</option>`
            $('.si-4').html(aa);
        })
        }
    });
    })



